با عرض میشود خدمت تمامی دنبال کنندگان مباحث ساخت سایت با HTML از سری آموزشهای وبسایت میزفا ، در نشست قبل به معرفی تگ hr پرداختیم در این نشست از یادگرفتن HTML قصد داریم شمارا با تگ h1 تا h6 در HTML که به منظور ساخت سرتیتر یا عنوان در HTML به عمل میروند، آشنا نماییم.
معرفی تگ h1 تا h6
از تگ های h1 تا h6 برای تولید یک تیتر یا عنوان در HTML استعمال میگردد، به این تگها ، تگهای heading گفته می گردد و در نوعی تگ های قالب بندی متن جای می گیرند.
تگ های h1 تا h6 بر اساس سکو اهمیت در شش سایز (h1 , h2 , h3 , h4 , h5 , h6) استفاده می گردند و رتبه اهمیت از h1 به h6 کاهش مییابد یعنی تگ h1 دارای بیشترین اهمیت و تگ h6 دارای کمترین اهمیت از لحاظ موتورهای جست و جو می باشد پس همت فرمایید در استعمال از تگ ها در طراحی وبسایت خود نهایت دقت را داشته باشید.
برای ادراک بهتر کاربرد تگ های h1 تا h6 در ساخت وب سایت به مثال ذیل توجه نمائید :
Mizfa.com
Mizfa.com
Mizfa.com
Mizfa.com
Mizfa.com
Mizfa.com
سود کد بالا
صفات تگ h1 تا h6
تگ های heading دارای صفتھای class ، id ، style ، title ، dir ، lang و align ھستند که در جدول زیر به بررسی صفت های تگ h1 تا h6 خواھیم پرداخت:
صفت ها مقدار توضیحات
align left
center
right
justify این صفت در HTML5 پشتیبانی نمی شود .
صفت align روش دکورا سیون متن داخل تگ h1 تا h6 را کنترل میکند و چهار مقدار left ، center ، right و justify را به عنوان مقدار میپذیرد .
left : متن داخل تگهای heading در سوی چپ صفحه قرار میدهد.
right : متن داخل تگهای heading در اواسط صفحه قرار میدهد.
center : متن داخل تگهای heading را در سمت راست برگه قرار می دهد.
justify : متن باطن تگهای heading را از ھر دو طرف تراز مینماید.
بقیه صفت ھا نیز جزء صفات عمومی ھستند که پیش از این آنھا را معرفی کرده ایم.
نقش واهمیت تگ h1 تا h6 در سئو تارنما
اعتنا داشته باشید که تگ های h1 تا h6 در seo و بهینه سازی وبسایت بسیار اهمیت دارند و برای فهماندن قسمتهای مهم سایت به موتورهای جست و جو از این تگها به کارگیری میگردد. برای آشنایی طولانی تر با مباحث سئو و بهینه سازی پیشنهاد میکنم مقالهها آموزشی سئو وب سایت میزفا را به هیچ عنوان از دست ندهید
نکات تکمیلی دربارهی تگ h1 تا h6
تگ h1 تا h6 به وسیله تمامی مرورگرها پشتیبانی میشوند .
همه مرورگرها به صورت پیش فرض تگ های h1 تا h6 را به صورت درون خطی یا inline level نمایش می دهند .
مرجع مقالات رسمی طراحی سایت...
ما را در سایت مرجع مقالات رسمی طراحی سایت دنبال می کنید
برچسب : طراحی سایت در مشهد, نویسنده : علی پور web01 بازدید : 438 تاريخ : پنجشنبه 8 اسفند 1398 ساعت: 14:56